HTMLCSS中select标签的样式怎么设置啊(
怎么用纯css改变select的样式 -
.select div { border:1px solid #f9f9f9;float: left;} /* 子选择器，在FF等非IE浏览器中识别*/ .select>div { width:120px;height: 17px;overflow:hidden;} /* 通配选择符，只在IE浏览器中识别*/ html .select div select { display:block;float: left;margin: -2px;} .select 有帮助请点赞。
这个可以换种方式实现，首先select的样式每个浏览器都有其默认的样式，需要先去除这些默认样式，其次，select里面的样式诸如箭头，下拉框等等的样式，这里提供一种思路，就是在select的外层添加一个div，对这个div元素设置样式，select元素则是没样式，从而达到一种掩眼法的效果，实现方式如下：lt;!-- html 布后面会介绍。
.select div { border:1px solid #f9f9f9;float: left;} /* 子选择器，在FF等非IE浏览器中识别*/ .select>div { width:120px;height: 17px;overflow:hidden;} /* 通配选择符，只在IE浏览器中识别*/ html .select div select { display:block;float: left;margin: -2px;} .select 有帮助请点赞。
这个可以换种方式实现，首先select的样式每个浏览器都有其默认的样式，需要先去除这些默认样式，其次，select里面的样式诸如箭头，下拉框等等的样式，这里提供一种思路，就是在select的外层添加一个div，对这个div元素设置样式，select元素则是没样式，从而达到一种掩眼法的效果，实现方式如下：lt;!-- html 布后面会介绍。
这个可以换种方式实现，首先select的样式每个浏览器都有其默认的样式，需要先去除这些默认样式，其次，select里面的样式诸如箭头，下拉框等等的样式，这里提供一种思路，就是在select的外层添加一个div，对这个div元素设置样式，select元素则是没样式，从而达到一种掩眼法的效果，实现方式如下：lt;!-- html 布好了吧！
这个保护就是appearance 属性，浏览器内置的css样式是不允许更改的，日常开发仅是在它的样式基础上覆盖而已。然而当设置appearance: none 的时候，就相当于让select元素脱离浏览器内置select样式了。此时它相当于一个div，开发者就可以灵活设置样式了。（细节参考MDN：网页链接）而option还是略有不同，css有帮助请点赞。
如何用css和div控制html页面中的下拉列表框(select) -
2�0�2�0�2�0�2 select下拉列表框样式控制的关键就是在其外面嵌套一个div，并控制div边框格式以及其overflow属性，并请注意div和select各自的position属性，这个也很重要哈，大家可反复设置这几个属性的不同取值，做做实验，就明白其中道理了好了吧！
在IE中CSS能控制select高宽，在火狐中可以控制的比较多；直接在select上加class就可以设置CSS了；例：<style type="text/css"> .selectYs{ width:300px; background:#F00} </style> <form action="#"> <select class="selectYs"> <option value="">1111 <option value="">1111 <option value等我继续说。
css中select 下拉选框怎么设置高度 -
只有多行select框才可修改height值，单行select是不能改变高度的。比如下面的就可以：lt;select style="width:300px; height:200px" multiple>
您好！您说的这个是用css+js实现的。参考代码如下：lt;html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>请选择ABCDEFGHI_select横排效果</title> </head> <body> <style> {font-size:12px;} A.s_l { BORDER: #dddddd 1px solid;BORDER-right:等会说。
如何用CSS将select/option文本居中或居右对齐 -
select { padding: 0 0 0 20px;2）使用一些UI库实现比如jQueryUI 优点是可以解决select控制在各个浏览器界面不一致的问题。3）居右对齐：可以使用rtl属性来来控制，lt;select dir="rtl"> <option>Foo</option> <option>bar</option> <option>to the right</option> </select> 4）写成CSS好了吧！
css是无法去掉默认select的下拉箭头的，除非自己用div+js+css实现自定义select控件。1、定义html中的select标签<form> <a class="btn-select" id="btn_select"> <span class="cur-select">请选择</span> <select> <option>选项一</option> <option>选项二</option> <option>选项三</option> 到此结束了？。